{% extends 'base.html' %}
{% block title %} 登录 {% endblock %}
{% block content %}
    {% include 'randomSentence.html' %}
    <div id="formBox">
        <div class="logo_box">
            <h3>登录<span class="iconfont">&#xec05;</span>

                <a href="{% url 'app:forgetPwd' %}" style="float:right;">
                    <span class="iconfont">&#xe66b;</span>忘记密码?</a> <a href="{% url 'app:register' %}"
                                                                       style="float:right;">
                    <span class="iconfont">&#xe684;</span>注册</a>
            </h3>
            <hr style="margin-bottom: 50px;">
            <form action="{% url 'app:login' %}" method="post">
                <div class="input_outer">
                    <span class="iconfont">&#xe60f;</span>
                    <input name="account" class="text" style="color: #FFFFFF !important" type="text"
                           placeholder="请输入账号/用户名" required maxlength="20">
                </div>
                <div class="input_outer">
                    <span class="iconfont">&#xe728;</span>
                    <input name="password" class="text"
                           style="color: #FFFFFF !important; position:absolute;" value=""
                           type="password" placeholder="请输入密码" required>
                </div>
                <div class="mb2"><a class="act-but submit" href="javascript:;"
                                    style="color: #FFFFFF;width: 100%;height: 100%;">
                    <button type="submit" style="width: 100%;height: 100%;background-color: transparent;border: none">
                        登&nbsp;&nbsp;录
                    </button>
                </a></div>


            </form>
        </div>
        <a href="{% url 'app:index' %}"
           style="position: absolute;font-size: 20px!important;display: inline-block;bottom: 20px;right: 20px;">回到首页</a>

    </div>


{% endblock %}